<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>复合选择器之子选择器</title>
	</head>
	<style type="text/css">
		.Zi a {
			color: #00FFFF;
		}

		.Zi2>a {
			color: #FF0000;
		}
	</style>
	<body>
		<div class="Zi">
			<a href="">亲儿子</a>
			<p>
				<a href="">div的孙子</a>
			</p>
		</div>

		<div class="Zi2">
			<a href="">亲儿子</a>  <!-- **** -->
			<p>
				<a href="">div的孙子</a>
			</p>
		</div>
	</body>
</html>
